<!--订单-->
<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="../css/order.css" />
</head>
<body class="gray">
	<div id="refreshContainer" class="mui-content mui-scroll-wrapper">
		<div class="mui-scroll loading" id="vueMain">
			
			<div v-if="list.length==0">
				<p style="padding:50px 0;text-align: center;">一个订单也没有哦!</p>
			</div>
			<div v-else>
			<template  v-for="(item, index) in list">
				<ul class="mui-table-view">
			        <li class="mui-table-view-cell tls">
			        		<span class="status">{{item.order_status_name}}</span>
			        		NO.{{item.order_no}}
			        </li>
			        <li class="mui-table-view-cell mui-media">
			        		<a href="javascript:;">
		    		            <img class="mui-media-object mui-pull-left link" :src="item.img" _id="productDetail" _href="productDetail.html" _title="产品详情" :_extras="'gid='+item.goods_id" />
		    		            <div class="mui-media-body link" _id="order_detail" _href="order_detail.html" _title="订单明细" :_extras="'order='+item.order_no">
		    		                <div class="name">{{item.name}}</div>
		    		                <p>{{item.start_time}}-{{item.end_time}}  共{{item.goods_nums}}天</p>
		    		                <p><span class="mui-pull-right">数量:{{item.amount}}</span><span v-if="item.stro">已选：{{item.stro}}</span></p>
		    		                <p>下单日期：{{item.create_time}}</p>
		    		            </div>
		    		             <p class="total" v-if="item.order_status == 1">付款金额: <span >¥ {{item.pay_fee}}</span> </p>
		    		             <p class="total" v-else-if="item.order_status==8">退款金额: <span>¥ {{item.order_amount}}</span></p>
		    		             <p class="total" v-else>总金额: <span >¥ {{item.order_amount}}</span> </p>
		    		        </a>
			        </li>
		    		</ul>
			</template>
			</div>
	    	</div>
	</div>
<script src="../js/mui.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/bexta.js"></script>
<script src="../js/order.js"></script>
</body>
</html>